import { createApp } from 'vue'

import App from './App.vue'
import { createPinia } from 'pinia' //    npm install pinia   --legacy-peer-deps
// pinia 是一个轻量的状态管理库，用于 Vue3 应用程序。它提供了一种简单的方式来管理应用程序的状态，

import router from './router'

// 引入element-plus组件, 首先要使用 npm install element-plus --save         --legacy-peer-deps
//                再安装图标库: npm install @element-plus/icons-vue --save --legacy-peer-deps
import ElementPlus from 'element-plus' // 引入组件
import * as ElementPlusIconsVue from '@element-plus/icons-vue' // 引入图标库
import 'element-plus/dist/index.css' // 引入样式

const app = createApp(App)

// 创建 Pinia 实例
const pinia = createPinia()

app.use(ElementPlus).use(router).use(pinia)

// 注册 Element Plus 图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

app.mount('#app')
